<!DOCTYPE html>
<html lang="en">
    <head>

        <!-- <style type="text/css">
            body {
                color:#999;
                /* background:url('{$background}'); */
                background-size:cover;
                background-color: #FFC51C;
            }
            a {
                color:#fff;
            }
            .login-panel{margin-top:150px;}
            .login-screen {
                max-width:400px;
                padding:0;
                margin:100px auto 0 auto;

            }
            .login-screen .well {
                border-radius: 3px;
                -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                background: rgba(255,255,255, 0.2);

            }
            .login-screen .copyright {
                text-align: center;
            }
            @media(max-width:767px) {
                .login-screen {
                    padding:0 20px;
                }
            }
            .profile-img-card {
                width: 100px;
                height: 100px;
                margin: 10px auto;
                display: block;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }
            .profile-name-card {
                text-align: center;
            }

            #login-form {
                margin-top:20px;
            }
            #login-form .input-group {
                margin-bottom:15px;
            }

        </style> -->

        <style media="screen">
        body {
    margin: 0;
    padding: 0;
    font-family: "Hiragino Sans GB","Microsoft Yahei",SimSun,Arial,"Helvetica Neue",Helvetica;
    color: #333;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

progress {
    display: inline-block;
    vertical-align: baseline
}

a {
    background-color: transparent;
    outline: 0;
    text-decoration: none
}

a:hover {
    color: #00b38a;
    text-decoration: underline
}

h1,h2,h3,h4,h5,h6 {
    margin: 10px 0;
    font-weight: 400
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

p {
    margin: 0
}

p+p {
    margin-top: 10px
}

img {
    border: 0;
    vertical-align: top;
    display: inline-block
}

button,input,optgroup,select,textarea {
    margin: 0;
    padding: 0;
    border: 1px solid #ededed;
    font-family: inherit
}

input {
    font-family: Arial,"Hiragino Sans GB","Microsoft Yahei",SimSun
}

label,select,button,input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox] {
    cursor: pointer
}

input[type=checkbox],input[type=radio] {
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th,td {
    padding: 0
}

em,strong {
    font-weight: 400
}

i {
    font-style: normal
}

dl,dt,dd {
    margin: 0
}

::selection {
    color: #fff;
    background-color: #00b38a;
}

::-moz-focus-inner {
    border: 0
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix {
    zoom:1; }

.clearfix:before,.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

html {
    font-size: 14px
}

body {
    min-width: 1024px;
    min-height: 100%;
    background-color: #fff;
}

a:hover {
    text-decoration: none;
}

.aui-input {
    font-size: 14px;
    position: relative;
    z-index: 1;
    height: 44px;
    line-height: 44px\9;
    vertical-align: middle;
    color: #333;
    border-width: 1px;
    border-style: solid;
    outline: 0;
}

button, input, optgroup, select, textarea {
    margin: 0;
    padding: 0;
    border: 1px solid #ededed;
    font-family: inherit;
}

input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 11px system-ui;
}

.aui-btn {
    font-size: 16px;
    line-height: 44px;
    display: inline-block;
    height: 44px;
    padding: 0 30px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    outline: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: .05s linear;
    -o-transition: .05s linear;
    transition: .05s linear;
}
        .aui-header-box {
            width: 100%;
            height: 370px;
            position: relative;

            border: none;
            }

            .aui-header-box-logo {
            position: absolute;
            z-index: 9999;
            top: 76px;
            left: 50%;
            margin-left: -350px;
            width: 112px;
            height: 42px;
            background-image: url('');
            background-repeat: no-repeat;
            background-size: contain;
            }

            .aui-content-box {
            width: 552px;
            margin: -205px auto 60px;
            padding: 70px 65px 70px 75px;
            background-color: #ffffff;
            display: table;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
            border: 1px solid #d6d6d6;
            z-index: 1;
            position: relative;
            z-index: 1;
            }

            .aui-content-box-fl {
            width: 315px;
            height: 265px;
            /* background:#900; */
            float: left;
            border-right: 1px dashed #d4d4d4;
            padding-right: 40px;
            }

            .aui-content-box-fr {
            width: 165px;
            height: 220px;
            /* background:#00b38a; */
            padding-top: 26px;
            float: right;
            padding-left: 20px;
            }

            .aui-form-header {
            position: relative;
            z-index: 1;
            height: 35px;
            margin-bottom: 30px;
            border-bottom: 1px solid #e2e0e0;
            }

            .aui-form-header .aui-form-header-item {
            font-size: 16px;
            line-height: 24px;
            position: relative;
            float: left;
            width: 50%;
            height: 33px;
            cursor: pointer;
            text-align: center;
            color: #121212;
            }

            .aui-form-header li a {
            color: #121212;
            }

            .aui-form-content-item {
            display: none;
            }

            .aui-form-header .on {
            margin-bottom: -1px;
            color: #ed4242;
            border-bottom: 2px solid #ed4242;
            }

            .aui-form-header .on:after {
            position: absolute;
            z-index: 2;
            top: -12px;
            left: 50%;
            margin-left: -3px;
            content: "";
            width: 0;
            height: 0;
            line-height: 0;
            border: 6px solid transparent;
            border-bottom-color: #ed4242;
            }

            .aui-form-header .on:after {
            z-index: 3;
            top: -11px;
            width: 0;
            height: 0;
            line-height: 0;
            border: 6px solid transparent;
            border-bottom-color: #fff;
            }

            .aui-form-header .on:after {
            position: absolute;
            z-index: 2;
            top: 21px;
            left: 50%;
            margin-left: -3px;
            content: "";
            width: 0;
            height: 0;
            line-height: 0;
            border: 6px solid transparent;
            border-bottom-color: #ed4242;
            }

            .aui-form-list {
            position: relative;
            z-index: 1;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            }

            .aui-form-list .aui-input {
            box-sizing: border-box;
            width: 100%;
            border-radius: 0;
            border-left: 0;
            border-top: 0;
            border-right: 0;
            border-color: #ededed;
            background: 0 0;
            }

            .aui-form-pwd {
            padding-top: 20px;
            }

            .aui-form-pwd a {
            position: relative;
            float: right;
            font-size: 14px;
            display: block;
            text-align: right;
            text-decoration: none;
            color: #ed4242;
            margin-top: -5px;
            z-index: 3;
            }

            .aui-form-btn {
            position: relative;
            margin-top: 20px;
            }

            .aui-form-btn .aui-btn {
            color: #fff;
            border-color: #FC4349;
            background-color: #FC4349;
            display: block;
            width: 100%;
            font-size: 18px;
            line-height: 46px;
            height: 46px;
            }

            .aui-child {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
            height: 43px;
            font-size: 14px;
            padding: 0;
            border: 0;
            color: #ed4242;
            }

            .aui-child-img img {
            width: 75px;
            display: block;
            border: none;
            }

            .aui-content-box-text h3 {
            margin: 44px 0 8px;
            color: #555;
            font-size: 14px;
            }

            .aui-content-box-text .aui-ll-link {
            display: inline-block;
            height: 22px;
            font-size: 15px;
            color: #FC4349;
            padding-right: 23px;
            background: url("../img/icon-row.png") right center no-repeat;
            background-size: 20px;
            }

            .aui-content-box-text-link {
            margin-top: 12px;
            text-align: center;
            }

            .aui-content-box-text-link li {
            display: block;
            margin-left: 22px;
            float: left;
            }

            .aui-content-box-text-link li:first-child {
            margin: 0;
            }

            .aui-content-box-text-link li a {
            display: inline-block;
            width: 22px;
            height: 22px;
            background-size: contain;
            background-repeat: no-repeat;
            }

            .aui-form-list .aui-input:active {
            border-bottom: 1px solid #ed4242;
            }

            .aui-form-list .aui-input:active {
            border-bottom: 1px solid #ed4242;
            }

            .aui-form-list .aui-input:hover {
            border-bottom: 1px solid #ed4242;
            }

            .aui-form-ty {
            width: 100%;
            position: relative;
            padding-top: 10px;
            text-align: center;
            color: #999;
            }

            .aui-icon-sina {
            background-image: url('');
            }

            .aui-icon-sina:hover {
            background-image: url('');
            }

            .aui-icon-wechat {
            background-image: url('');
            }

            .aui-icon-wechat:hover {
            background-image: url('');
            }

            .aui-icon-qq {
            background-image: url('');
            }

            .aui-icon-qq:hover {
            background-image: url('');
            }

            .aui-icon-baidu {
            background-image: url('');
            }

            .aui-icon-baidu:hover {
            background-image: url('');
            }
        </style>
    </head>
    <body>
        <!-- <div class="container">
            <div class="login-wrapper">
                <div class="login-screen">
                    <div class="well">
                        <div class="login-form">
                            <img id="profile-img" class="profile-img-card" src="__CDN__/assets/img/avatar.png" />
                            <p id="profile-name" class="profile-name-card"></p>

                            <form action="" method="post" id="login-form">
                                <div id="errtips" class="hide"></div>
                                {:token()}
                                <div class="input-group">
                                    <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
                                    <input type="text" class="form-control" id="pd-form-username" placeholder="{:__('Username')}" name="username" autocomplete="off" value="" data-rule="{:__('Username')}:required;username" />
                                </div>

                                <div class="input-group">
                                    <div class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></div>
                                    <input type="password" class="form-control" id="pd-form-password" placeholder="{:__('Password')}" name="password" autocomplete="off" value="" data-rule="{:__('Password')}:required;password" />
                                </div>
                                {if $config.fastadmin.login_captcha}
                                <div class="input-group">
                                    <div class="input-group-addon"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span></div>
                                    <input type="text" name="captcha" class="form-control" placeholder="{:__('Captcha')}" data-rule="{:__('Captcha')}:required;length(4)" />
                                    <span class="input-group-addon" style="padding:0;border:none;">
                                        <img src="{:captcha_src()}" width="100" height="30" onclick="this.src = '{:captcha_src()}?r=' + Math.random();"/>
                                    </span>
                                </div>
                                {/if}
                                <div class="form-group">
                                    <label class="inline" for="keeplogin">
                                        <input type="checkbox" name="keeplogin" id="keeplogin" value="1" />
                                        {:__('Keep login')}
                                    </label>
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-success btn-lg btn-block">{:__('Sign in')}</button>
                                </div>
                            </form>
                        </div>

                        <div class="">
                          <img id="profile-img" class="profile-img-card" src="__CDN__/assets/img/avatar.png" />

                        </div>
                    </div>
                    <p class="copyright"><a href="">Powered By TokenMan</a></p>
                </div>
            </div>
        </div> -->


        <header class="aui-header">
      		<div class="aui-header-box">
      			<!-- <h1>
      				<a href="http://www.17sucai.com/preview/1149930/2018-04-11/login/login.html" class="aui-header-box-logo"></a>
      			</h1> -->
      		</div>
      	</header>

      	<section class="aui-content">
      		<div class="aui-content-box clearfix">
      			<div class="aui-content-box-fl">
      				<div class="aui-form-header">
      					<div class="aui-form-header-item on">密码登录</div>
      					<!-- <div class="aui-form-header-item">验证码登录</div> -->
      					<span class="aui-form-header-san"></span>
      				</div>
      				<div class="aui-form-content">
      					<div class="aui-form-content-item" style="display: block;">
      						<form action="http://www.17sucai.com/preview/1149930/2018-04-11/login/demo.html">
      							<div class="aui-form-list">
      								<input type="text" class="aui-input" name="" placeholder="请输入手机号/邮箱" data-required="required" autocomplete="off">
      							</div>
      							<div class="aui-form-list">
      								<input type="password" class="aui-input" name="" placeholder="请输入密码" data-required="required" autocomplete="off">
      							</div>
      							<div class="aui-form-pwd clearfix">
      								<a href="http://www.17sucai.com/preview/1149930/2018-04-11/login/demo.html#">忘记密码？</a>
      							</div>
      							<div class="aui-form-btn">
      								<input type="submit" class="aui-btn" value="登 录">
      							</div>
      						</form>
      					</div>
      					<div class="aui-form-content-item" style="display: none;">
      						<form action="http://www.17sucai.com/preview/1149930/2018-04-11/login/demo.html">
      							<div class="aui-form-list">
      								<input type="text" class="aui-input" name="" placeholder="请输入手机号" data-required="required" autocomplete="off">
      							</div>
      							<div class="aui-form-list">
      								<input type="text" class="aui-input" name="" placeholder="请证明你不是机器人" data-required="required" autocomplete="off">
      								<a href="http://www.17sucai.com/preview/1149930/2018-04-11/login/demo.html#" class="aui-child aui-child-img">
      									<img src="./登录页面_files/yzm.png" alt="">
      								</a>
      							</div>
      							<div class="aui-form-list">
      								<input type="text" class="aui-input" name="" placeholder="请输入验证码" data-required="required" autocomplete="off">
      								<input type="button" class="aui-child" value="获取验证码">
      							</div>
      							<div class="aui-form-pwd clearfix">
      								<a href="http://www.17sucai.com/preview/1149930/2018-04-11/login/demo.html#">忘记密码？</a>
      							</div>
      							<div class="aui-form-btn">
      								<input type="submit" class="aui-btn" value="登 录">
      							</div>
      						</form>
      					</div>
      				</div>
      			</div>
      			<div class="aui-content-box-fr">
              <img id="profile-img" style="width:200px;" class="profile-img-card" src="__CDN__/assets/img/login_man.png" />
      				<!--<div class="aui-content-box-text">
      					 <h3>还没有帐号:</h3>
      					<a href="http://www.17sucai.com/preview/1149930/2018-04-11/login/register.html" class="aui-ll-link">立即注册</a>
      					<h3>使用第三方帐号直接登录:</h3>
      					<ul class="aui-content-box-text-link clearfix">
      						<li><a href="http://www.17sucai.com/preview/1149930/2018-04-11/login/demo.html#" class="aui-icon-sina" title="使用新浪微博帐号登录"></a></li>
      						<li><a href="http://www.17sucai.com/preview/1149930/2018-04-11/login/demo.html#" class="aui-icon-wechat" title="使用微信帐号登录"></a></li>
      						<li><a href="http://www.17sucai.com/preview/1149930/2018-04-11/login/demo.html#" class="aui-icon-qq" title="使用腾讯QQ帐号登录"></a></li>
      						<li><a href="http://www.17sucai.com/preview/1149930/2018-04-11/login/demo.html#" class="aui-icon-baidu" title="使用百度帐号登录"></a></li>
      					</ul>

      				</div>-->
      			</div>
      		</div>
      	</section>
        {include file="common/script" /}
    </body>
</html>
